@import '~antd/lib/style/themes/default.less';
@import '~@/utils/utils.less';

.tableList {
  .tableListOperator {
    margin-bottom: 16px;
    button {
      margin-right: 8px;
    }
  }
  :global{
    .ant-table-content{
     // position: relative;
      overflow:hidden;
    }
    .ant-spin-nested-loading > div > .ant-spin {
      background-color: rgba(0, 0, 0, 0);
    }
    .ant-spin-nested-loading > div > .ant-spin {
      max-height: 400px !important;
      background-color: transparent !important;
    }
    .ant-table-thead > tr > th:nth-child(2) {
      padding-left: 0
    }
    .ant-table-tbody > tr > td:nth-child(2) {
        padding-left: 0
    }
  }
}

.tableListForm {
  :global {
    .ant-form-item {
      margin-bottom: 24px;
      margin-right: 0;
      display: flex;
      > .ant-form-item-label {
       // width: auto;
        line-height: 32px;
        padding-right: 8px;
      }
      .ant-form-item-control {
        line-height: 32px;
      }
    }
    .ant-form-item-control-wrapper {
      flex: 1;
    }
    .ant-form .ant-row:last-child .ant-form-item{
      margin-bottom:0;
    }
  }
  .submitButtons {
    display: block;
    white-space: nowrap;
    margin-bottom: 24px;
  }
}

@media screen and (max-width: @screen-lg) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 24px;
  }
}

@media screen and (max-width: @screen-md) {
  .tableListForm :global(.ant-form-item) {
    margin-right: 8px;
  }
}
.customerInfo{
    white-space: nowrap;
   // width: 180px;
    .coustomerTag{
      display: inline-block;
      width:48px;
      height:28px;
      line-height: 20px;
      text-align: center;
      padding: 2px;
      background:@primary-color;
      border-radius:2px;
      color:#fff;
      font-size: 20px;
      transform: scale(0.5);
      position: absolute;
      right: -12px;
      bottom: -7px;
    }
    .members{
      background-color:#FF9800;
    }
    .tagBox{
        //border-top:1px solid #e8e8e8;
        // height: 48px;
        // line-height: 48px;
        padding-top: 8px;
        box-sizing: border-box;
        position: relative;
        height:30px;
        &::after{
            content:'';
            position: absolute;
           // bottom: 48px;
           // left: 78px;
           // width: ~"calc(1000% - 78px)";
            top:-2px;
            left:0;
            width:1000%;
            height: 1px;
            border-top:1px solid #e8e8e8;
        }
    }
    .customerName{
        min-width: 68px;
        word-break: break-all;
    }
}

.MyModal{
  :global {
    .ant-modal-body{
      padding-bottom: 0px;
    }
    textarea.ant-input{
      min-height: 64px;
    }

      .AddCard{
        .ant-col-7{
          width: 72px;
        }
        .ant-col-17{
          width: 198px;
        }
      }
  }
}
.AddTag{
  :global{
    .ant-col-9{
      margin-bottom: 16px;
    }
  }
}
.TagList{
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  padding: 24px 0 46px 24px;
  margin-bottom: 24px;
  :global{
    .ant-tag{
      min-width: 40px;
      border: 1px solid #D9D9D9;
      border-radius: 4px;
      background: #FAFAFA;
    }
    .ant-tag-checkable-checked{
      background: @primary-color;
    }
  }
}
.ChangePoints{
  :global{
    .ant-input-number{
      width: 144px;
    }
  }

}
